diff options
Diffstat (limited to 'src/routes/user/[user]/+page.svelte')
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 20 |
1 files changed, 14 insertions, 6 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index 850bdb26..deabb6c6 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -19,6 +19,7 @@ import type { UserPreferences } from '$lib/Database/userPreferences.js'; import SvelteMarkdown from 'svelte-markdown'; import MarkdownLink from '$lib/MarkdownLink.svelte'; + import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte'; export let data; @@ -179,15 +180,22 @@ <div class="card"> <div class="hololive-badges"> - {#each preferences.pinned_hololive_streams as stream} + {#each preferences.pinned_hololive_streams as stream, index} {@const avatar = schedule.dict[stream]} {#if avatar} - <a href={root(`/hololive/${encodeURIComponent(stream)}`)}> - <div class="user-grid-hololive-badges" title={stream} use:tooltip> - <ParallaxImage source={avatar} alternativeText="Avatar" /> - </div> - </a> + <LinkedTooltip + content={stream} + id={`hololive-badge-${index}`} + pin={`hololive-badge-${index}`} + relative + > + <a href={root(`/hololive/${encodeURIComponent(stream)}`)}> + <div class="user-grid-hololive-badges"> + <ParallaxImage source={avatar} alternativeText="Avatar" /> + </div> + </a> + </LinkedTooltip> {/if} {/each} </div> |